<template>
  <div class="exception-security">
    <section class="section">
      <h2>异常费用提醒</h2>
      <p>
        系统会自动检测租金和能耗费用是否异常（如突然激增），并及时提醒相关人员。
      </p>
      <div class="alert">
        <p>
          <strong>提醒:</strong>
          当前租金费用已超出预定预算，建议检查数据源和费用记录。
        </p>
      </div>
    </section>

    <section class="section">
      <h2>加密与备份</h2>
      <p>
        所有财务数据都采用加密存储，并定期进行备份，以确保数据的安全性和完整性。
      </p>
      <div class="info">
        <p><strong>数据备份状态:</strong> 正常，已完成最近一次的备份。</p>
        <p><strong>数据加密:</strong> 已启用 AES-256 加密算法。</p>
      </div>
    </section>
  </div>
</template>

<script setup>
// 可以在这里添加模块的相关逻辑，例如 API 调用、数据更新等
</script>

<style scoped>
.exception-security {
  padding: 20px;
}

.section {
  margin-bottom: 20px;
}

h2 {
  font-size: 1.5rem;
  color: #2c3e50;
  margin-bottom: 10px;
}

.alert {
  background-color: #ffcc00;
  color: #333;
  padding: 10px;
  border-radius: 5px;
  margin-top: 10px;
}

.info {
  background-color: #e0f7fa;
  padding: 15px;
  border-radius: 5px;
  margin-top: 10px;
}

strong {
  font-weight: bold;
}
</style>
